<style>
	@import url('../static/css/apply.css');
</style>

<template>
	<view>
		<!-- 公共头部 -->
		<view>
			<my-header :title="'个人信息'" ></my-header>
		</view>
		<!-- 报名 -->
		<view class="content">
			<!-- 报名 -->
			<view class="">
				<view class="example">
					<view class="avatar">
						<view class="avatara">头像</view>
						<view class="avatarb"><uni-file-picker v-model="imageValue"  fileMediatype="image" limit='1' mode="grid" @select="select" @progress="progress" @success="success" @fail="fail" />
						</view>
					</view>
					<!-- 基础用法，=不包含校验规则  -->
					<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
						<uni-forms-item label="姓名" name="name">
							<uni-easyinput v-model="valiFormData.name"  placeholder="请输入姓名" />
						</uni-forms-item>
						<uni-forms-item label="年龄" name="age">
							<uni-easyinput v-model="valiFormData.age" placeholder="请输入年龄" />
						</uni-forms-item>
						<uni-forms-item label="性别" name="sex">
							<uni-data-checkbox v-model="valiFormData.sex" :localdata="sexs" />
						</uni-forms-item>

						<uni-forms-item label="身份证" name="identitycard">
							<uni-easyinput v-model="valiFormData.identitycard" placeholder="请输入身份证" />
						</uni-forms-item>

						<uni-forms-item label="昵称" name="nickname">
							<uni-easyinput v-model="valiFormData.nickname" placeholder="请输入昵称" />
						</uni-forms-item>

						<uni-forms-item label="电话" name="phone">
							<view class="user_mobile">
								<uni-easyinput disabled="" v-model="valiFormData.phone" placeholder="请输入电话" />
							</view>
							<view class="get_mobile">
								<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">授权</button>
							</view>
						</uni-forms-item>


						<uni-forms-item label="个性签名" name="description">
							<uni-easyinput type="textarea" autoHeight v-model="valiFormData.description"
								placeholder="请输入个性签名" />
						</uni-forms-item>



					</uni-forms>
					<view class="button-group">
						<button type="primary" size="mini" @click="submit('valiForm')">提交</button>
					</view>
				</view>

			</view>
		</view>
		<view>
			<Tabbar :current="'2'"></Tabbar>
		</view>
	</view>
</template>

<script type="module" src="../static/js/apply.js"></script>